<template>
  <span>
    <span
      v-if="datePanelLabel"
      v-show="
        datePanelLabel.labels[0].type === 'year' || currentView === 'date'
      "
      :class="[datePrefixCls + '-header-label']"
      @click="datePanelLabel.labels[0].handler">
      {{ datePanelLabel.labels[0].label }}
    </span>
    <template v-if="datePanelLabel && currentView === 'date'">{{
      datePanelLabel.separator
    }}</template>
    <span
      v-if="datePanelLabel"
      v-show="
        datePanelLabel.labels[1].type === 'year' || currentView === 'date'
      "
      :class="[datePrefixCls + '-header-label']"
      @click="datePanelLabel.labels[1].handler">
      {{ datePanelLabel.labels[1].label }}
    </span>
  </span>
</template>

<script>
export default {
  props: {
    datePanelLabel: Object,
    currentView: String,
    datePrefixCls: String,
  },
}
</script>
